<template>
	<view>
		<!-- <view v-if="payinfo.status == 0" style="color: #FB8536;font-size: 24rpx;padding: 30rpx;background: #FEE6D6;">信息于 {{ user.auditTime }}提交，正在审核中</view>
		<view v-if="payinfo.status == 1" style="color: #FB8536;font-size: 24rpx;padding: 30rpx;background: #4CD964;">信息于 {{ user.auditPassTime }}审核通过</view>
		<view v-if="payinfo.status == 2" style="color: #FB8536;font-size: 24rpx;padding: 30rpx;background: #F0AD4E;" @click="onresve()">
			信息于 {{ payinfo.auditRefuseTime }}审核不通过，请在此处点击修改信息
		</view> -->
		<view class="column-css view-cente">
			<view class="row-css view-cente-cle">
				<view class="view-cente-cle-text">姓名</view>
				<view>{{ payinfo.name }}</view>
			</view>
		</view>
		<view class="column-css view-cente">
			<view class="row-css view-cente-cle">
				<view class="view-cente-cle-text">手机号</view>
				<view>{{ payinfo.mobile }}</view>
			</view>
		</view>
		<view class="column-css view-cente">
			<view class="row-css view-cente-cle">
				<view class="view-cente-cle-text">身份证号</view>
				<view>{{ payinfo.idcard }}</view>
			</view>
		</view>
		<view class="column-css view-cente">
			<view class="row-css view-cente-cle">
				<view class="view-cente-cle-text">收款银行</view>
				<view v-if="payinfo.type == 1">平安银行互联网账户</view>
				<view v-else>{{ payinfo.bankName }}</view>
			</view>
		</view>
		<!-- <view class="column-css view-cente">
			<view class="row-css view-cente-cle">
				<view class="view-cente-cle-text">开户行支行</view>
				<view>{{ payinfo.subBranch }}</view>
			</view>
		</view> -->
		<view class="column-css view-cente">
			<view class="row-css view-cente-cle">
				<view class="view-cente-cle-text">收款账号</view>
				<view v-if="payinfo.type == 1">{{ payinfo.elhSubAccountNo }}</view>
				<view v-else>{{ payinfo.accountNum }}</view>
			</view>
		</view>
		<!-- <view class="column-css view-cente">
			<view class="row-css view-cente-cle">
				<view class="view-cente-cle-text">开户行省市</view>
				<view>{{ payinfo.driverLcsValidDate }}</view>
			</view>
		</view>-->
	</view>
</template>

<script>
export default {
	data() {
		return {
			payId: '',
			payinfo: {}
		};
	},
	methods: {
		onresve() {
			uni.navigateTo({
				url: `../personal/driverregistration`
			});
		},
		onMyinfo() {
			let driverId = uni.getStorageSync(this.DATA_KEY.userInfo).driverId;
			this.wxRequest({
				url: `${this.API}/mini/erLeiHu/getDriverPay`,
				method: 'POST',
				data: {
					driverId: driverId
				},
				title: '加载中...',
				success: res => {
					let list = res.data.data;
					for (var i = 0; i < list.length; i++) {
						if (list[i].payId == this.payId) {
							this.payinfo = list[i];
						}
					}
				}
			});
		}
	},
	onLoad: function(options) {
		this.payId = options.payId;
		this.onMyinfo();
	},
	onShow() {
		this.onMyinfo();
	}
};
</script>

<style>
page {
	font-size: 30rpx;
	background: #ffffff;
}
.row-css {
	display: flex;
	flex-direction: row;
}

.column-css {
	display: flex;
	flex-direction: column;
}

.view-cente {
	background: #ffffff;
	padding: 0 30rpx;
}
.view-cente-cle {
	padding: 25rpx 0;
	border-bottom: 1rpx solid #eeeeee;
}
.view-cente-cle-text {
	width: 180rpx;
	color: #5f6579;
}
</style>
